html, body { padding:0; margin:0; height:100%; width:100%; }
body { background: url('../images/screen/screen.jpg') no-repeat center center; font-family:MicroSoft YaHei,simHei; font-size: 18px; color: #fff;}
p { margin: 0; padding: 0;}
ul, li { list-style:none; margin:0; padding: 0; }

.top { margin-bottom: 15px;}
.top .logo { background: url('../images/screen/logo-slogan.png') no-repeat center center; width: 763px; margin: 0 auto; height: 175px; position: relative;}
.lottery-page .top .logo { position: relative; left: -140px; }
.lottery-info { font-size: 30px;  position: absolute; bottom: -15px; right: 50px; }
.lottery-info em { font-size: 46px; margin: 0 5px;}

.screen { position: relative; top: 0px;}
.spittle-bg { background: url('../images/screen/spittle-bg1.png') no-repeat center center; width: 680px; height: 573px; overflow: hidden; margin: 0 auto; padding: 10px;}
.lottery-page .spittle-bg { position: relative; left: -140px;}
.spittle-wrapper { width: 664px; height:553px; margin: 10px auto; overflow: hidden;}

.spittle-list { position: relative;}
.spittle-list li { margin-bottom: 7px;}
.spittle { position: relative; color: #fff;  border: 1px solid #fff45f; padding: 15px; background-color: #bf2a20;}
.spittle .hd { overflow: auto;}
.spittle .hd h3 { font-size: 46px; padding: 0; margin: 5px 0 10px 0; font-weight: bold; color: #fff455; float: left;}
.spittle .info { position: absolute; right: 10px; top: 10px; width: 200px;}
.spittle .info .likes, .spittle .info .dislikes { font-size: 30px; }
.spittle .info .likes { margin-right: 20px;}
.spittle .cnt { font-size: 36px; font-weight: bold; word-break: break-all; word-wrap: break-word; line-height: 1.5em; clear: both; margin: 0 10px;}

.controls { position: absolute; left: 0; top: 50px; width: 120px; background-position: right center; background-repeat: no-repeat; padding: 20px 7px 20px 0; text-align: center; }
.controls .bg{ width:100%; height:100%; background:#FFFFFF; opacity:0.3; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; filter:alpha(opacity=30); position:absolute; top:0px; left:0px; z-index: -1;}
.controls.hide { background-image: url('../images/screen/controls-hide.png'); left: -113px;}
.controls.show { background-image: url('../images/screen/controls-show.png'); left:0;}
.controls a { font-size: 36px; color: #78231d; display: block; text-decoration: none;}
.controls a:hover { color: #f6c065;}
.controls a.end { margin-top: 50px;}

#overlay { background-color:#000; }
#overlay { display:none; position: fixed; left:0; top:0; width:100%; height:100%;}

#winnerControl { display: none;}
#winnerControl a { font-size: 36px; color: #f6c065; position: fixed;}
#winnerControl a:hover { color: #fff;}
#winnerControl .prize-confirm { right: 120px; bottom: 10px;}
#winnerControl .prize-cancel { right: 20px; bottom: 10px;}

#winnerPopup, #winnerSpittlePopup { display:none; position: absolute;}
#winnerPopup { font-size: 36px; width: 664px; height: 50px; color: #f6c065;}
#winnerPopup span { color: #fff; }

.jqplot-point-label, .jqplot-yaxis-label, .jqplot-xaxis-label, .jqplot-title, .jqplot-axis, .jqplot-target { color: #fff; font-size: 18px; font-weight: bold;}
.jqplot-point-label { color: #000;}
#votes { height:580px; width:90%; margin:20px auto 0 auto;}

#winnerList { position: absolute; top: 90px; right: 10px; width: 405px; display: none;}
#winnerList h2 { text-align: center; font-size: 32px; border-bottom: 1px solid #eee; padding-bottom: 5px;}
.spittle-winner { margin: 0 10px 10px 0; border:1px solid #fff; color: #fff; font-weight: bold; width: 122px; text-align: center; float: left;}
.spittle-winner h4 { font-size: 20px; margin: 0; padding:0;}
.spittle-winner p { font-size: 18px;}

#winnerList.window { width: 940px;}
#winnerList.window h2 { font-size: 40px;}
#winnerList.window .spittle-winner { width: 220px;}
#winnerList.window .spittle-winner h4 { font-size: 32px;} 
#winnerList.window .spittle-winner p { font-size: 28px;}

.lottery-loading { font-size: 50px; color: #fff; text-align: center; margin-top: 25%;}

.crazy-bg { background: url('../images/screen/spittle-bg.png') no-repeat center center; width: 880px; height: 553px; overflow: hidden; margin: 0 auto; padding: 30px 20px;;}
.crazy-list { float: left; }
.crazy-list.last { margin-left: 20px;}

.crazy-heading { text-align: center; font-size: 46px; margin-bottom: 30px;}
.crazy-user {  color: #fff;  border: 1px solid #fff45f; background-color: #bf2a20;}
.crazy-user { width: 415px; clear: both; padding: 5px; margin-bottom: 20px; height: 40px; line-height: 40px;}
.crazy-user .rank, .crazy-user .user { float: left;}
.crazy-user .rank em, 
.crazy-user .rank strong,
.crazy-user .user label, .crazy-user .user span { font-size: 38px;  height: 100%; line-height: 100%; border-right: 1px solid #fff45f; padding-right: 10px;}
.crazy-user .rank strong, .crazy-user .user label, .crazy-user .user span { margin-left: 5px; display: inline-block;}
.crazy-user .rank strong { width: 95px; }
.crazy-user .user label, .crazy-user .user span { font-size: 22px;}
.crazy-user .user label { margin-left: 10px;}
.crazy-user .user span { border-right: none;}